<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport"   content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer插件演示Demo</title>
<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.8.0/skins/default/aliplayer-min.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
 <div class="video-area">
    <div class="video-filter">
        <input class='source' type="text" placeholder="请输入vid或url"></input>
        <input class="playauth" type="text" placeholder="请输入playauth"></input>
        <button class='submit' value="">提交</button>
        <button class='change'  value="">切换不同格式视频</button>
    </div>
    <div  class="prism-player video-container" id="J_prismPlayer"></div>
 </div>
</body>
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.8.0/aliplayer-min.js"></script>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="js/staticAdComponent.min.js"></script>
<script type="text/javascript" src="js/commentComponent.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>

</script>